/**表单公用样式
 * @author yangjinlai 20200827
 *
 * 表单容器  添加 formSection class
 *
 * 每一行 添加 item class
 *
 * 其中的 hasUnit 表示有单位
 *
 * itemSelect表示当前是选择项
 *
 * 
 */

@import '~@src/common/less/color.less';
@import '~@src/common/less/picker.less';
 
.formSection{

    background: #fff;
    
    input::-webkit-input-placeholder,textarea::placeholder{
         color: #C1C5CE;
         font-size: .8rem;
    }
    
    input::-moz-placeholder,textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
         color: #C1C5CE;
         font-size: .8rem;
    }
    
    input:-ms-input-placeholder,textarea::placeholder{  /* Internet Explorer 10-11 */
         color: #C1C5CE;
         font-size: .8rem;
    }

    // background: #f5f7f7;
    // overflow: auto;
    // height: 100%;
    // width: 100%;
    // padding-bottom: 3.525rem;
     
    // .list{
    //     overflow: hidden;
    //     display: inline-block;
        width: 100%;
        font-size: 0;
 
        .item{
            display: block;
            list-style: none;
            // background: #fff;
            // width: 100%;
            border-bottom: 1px solid @cor-e9e9e9;
            height: 2.9rem;
            line-height: 2.9rem;
            margin-left: 0.75rem;
            margin-right: 0.75rem;

            *{
                vertical-align: middle;
                // display: inline-block;
            }

            //mintUI 输入框样式重置
            .mint-field{

                &.mint-cell{
                    height: 100%;
                    line-height: 2.9rem;
                    color: #1D212B;

                    &:active{
                        color: #1D212B;
                    }
                }
                .mint-cell-wrapper{
                    height: 100%;
                    background-image: none;
                    padding: 0;

                    .mint-cell-text{
                        font-size: .8rem;

                        .gray{
                            font-size: 0.6rem;
                            color:@c048;
                        }

                        //不可点击的样式
                        &.isDisabled{
                           color: #C1C5CE;;
                        }
                    }

                    .mint-cell-title{
                        width: auto;
                    }

                    .mint-cell-value{
                        .mint-field-core{
                            text-align: right;
                            font-size: .8rem;
                        }
                    }
                }

                &.mint-cell:last-child{
                    background-image: none;
                }
            }

            // padding-top: 0.7rem;
            // padding-bottom: 0.7rem;
            // padding-left: .75rem;
            // padding-right: .75rem;

            //必填的红色*
            .isRequired{
                font-size: 0.8rem;
                color: #FF5812;
                float: left;
                margin-right: 0.1rem;
            }

            //label文字
            // .lb{
            //     .gray{
            //         font-size: 0.6rem;
            //         color:@c048;
            //     }
            //     float: left;
            //     // height: auto;
            //     // line-height: 1.2rem;
            //     color: #1D212B;
            //     font-size: .8rem;
            //     //padding-left: .75rem;
            // }
            // .lbLong{
            //     width: 35%;
            // }
 
            // .ipt{
            //     float: right;
            //     height: auto;
            //     line-height: 1.2rem;
            //     min-height: 1.2rem;
            //     width: 65%;
            //     text-align: right;
            //     //padding-right: .75rem;
            //     color: @cor-3c3c3c;
            //     font-size: .7rem;
            //     -webkit-appearance: none;
            //     -moz-appearance: none;
            //     -ms-appearance: none;
            //     appearance: none;
            // }
        }
        .hasUnit{

            // .lb{
            //    .gray{
            //         font-size: 0.6rem;
            //         color:@c048;
            //    }
            // }
            // .ipt{
            //     width: 40%;
            //     float: right;
            //     padding-right: .3rem;
            //     height: 100%;
            //     text-align: right;
            // }
            .unit{
                float: right;
                // height: auto;
                // line-height: 1.2rem;
                color: #1D212B;
                font-size: .8rem;
                margin-left: 5px;
                //padding-right: .75rem;

            }
        }
        .hasRemarks{
            margin-top: 0.5rem;
            .ipt,.unit{
                line-height: 2.4rem
            }
        }
        // .item:first-of-type{
        //     margin-top: 0.5rem;
        // }
         
        .itemTextArea{
            margin-top: .5rem;
        }
            
        //选择项样式
        .itemSelect{
            // position: relative;
 
            // .span{
            //      float: right;
            //      // height: auto;
            //      // min-height: 1.2rem;
            //      // line-height: 1.2rem;
            //      width: 55%;
            //      text-align: right;
            //      //padding-right: 0.5rem;
            //      font-size: .8rem;
            //      color: @cor-3c3c3c;
            // }
 
            .span.placeholder{
                 color: #C1C5CE;
                 //padding-right: .75rem;
                 // min-height: 1.2rem;
                 // line-height: 1.2rem;
                 display: inline-block;
                 word-break: break-all;
                 float: right;
                 font-size: .8rem;
                 color: #C1C5CE;
                 text-align: right;

                 -webkit-box-flex: 1;
                 -ms-flex: 1;
                 flex: 1;
                 display: block;

                 //选择后的颜色
                 &.result{
                    color: #1D212B;
                 }

                 //不可点击的样式
                 &.isDisabled{
                    color: #C1C5CE;;
                 }
            }

            .span.tipCor{
                color:@cor-999;
            }
 
            .icon-forward{
                font-size: .6rem;
                 margin-left: .25rem;
                 color: #C1C5CE;
                 // position: absolute;
                 // right: 0.5rem;
                 // top: 0.9rem;
                 float: right;
                // line-height: 1.2rem;
                // 
                &.customer-forward{
                    font-size: 1.1rem
                }
            }
 
        }
        .yesOrNot{
            .span{
                width: 30%;
            }
        }
    // }
    
    //客户表单右侧的新建按钮
    .add{
        float: right;
        // display: inline-block;
        font-size: 0.8rem;
        // line-height: 1.2rem;

        // & ~ .placeholder{
        //  padding-right: 0;
        // }

        .line{
            margin-right: 0.25rem;
            // margin-left: 0.25rem;
            // vertical-align: top;
        }

        .addBtn{
            color: @cor-ff6b00;
            float: right;
        }

        // .addSpan{
        //     vertical-align: top;
        // }

        i.iconfont{
            color: @cor-ff6b00;
            margin-right: 0.25rem;
            // position: relative;
            // vertical-align: middle;
            // top: 0;
            // right: 0;
            font-size: 1rem;
            // margin-left: 0;
            float: left;
        }
    }
 
    .txtArea{
         //padding-left: .75rem;
         padding-top: .6rem;
         border: none;
         height: 5rem;
         display: inline-block;
         width: 100%;
         background: #fff;
         font-family: Helvetica;
         color: @cor-3c3c3c;
         font-size: .7rem;
         -webkit-appearance: none;
         -moz-appearance: none;
         -ms-appearance: none;
         appearance: none;
         line-height: 1rem;
    }
 
    

}
   
  